var React = require('react');

var Menu = React.createClass({
	handleClick : function(e) {
		alert("xxxxxx:::"+e.target.innerText);
	},
	render : function() {
		var data = this.props.data || [];
		data = data instanceof Array ? data : [];
		var menus = new Array();
		data.map(function(menu) {
			menus.push(<li key={menu.name}><a href="#" onClick={this.handleClick} title={menu.name}>{menu.name}</a></li>);
		}.bind(this));
		return (
			<ul className="nav-menu">
			{menus}
			</ul>
		);
	}
});
module.exports = Menu